.article {
  overflow: hidden;
  background-color: #fff;
  &.list {
    padding-left: 0px;
    margin: 0;
    li.item {
      min-height: 90px;
      margin-bottom: 32px;
    }
    .title {
      word-spacing: 2px;
      letter-spacing: 2px;
      font-size: 19px;
      a {
        font-weight: 300;
        color: #464345;
      }
    }
    .info {
      color: #b7b7b6;
      font-size: 13px;
      margin: 5px 0 12px 0;
      padding-top: 5px;
      border-top: dashed 1px #d7d7d6;
      span {
        margin-right: 20px;
      }
    }
    section.summary {
      color: #5a5a5a;
      word-spacing: 1px;
      letter-spacing: 1px;
      line-height: 25px;
      font-size: 14px;
    }
    pre {
      display: block;
      padding: 9.5px;
      margin: 13px 10px;
      font-size: 13px;
      line-height: 1.428571429;
      word-break: break-all;
      word-wrap: break-word;
      color: #333333;
      background-color: whitesmoke;
      border: 1px solid #cccccc;
    }
    .footer {
      color: #aaa;
      height: 65px;
      line-height: 45px;
      padding: 10px 0;
      text-align: right;
      .button {
        display: inline-block;
      }
    }
  }
}